<template>
    <a-sub-menu key="CMS">
        <template #title>
            <span>
                <SafetyOutlined />
                <span>内容管理</span>
            </span>
        </template>
        <a-menu-item key="/cms/category">
            <router-link to="/cms/category">
                <BranchesOutlined />
                <span>分类管理</span>
            </router-link>
        </a-menu-item>
        <a-menu-item key="/cms/article">
            <router-link to="/cms/article">
                <BranchesOutlined />
                <span>文章管理</span>
            </router-link>
        </a-menu-item>
        <!-- <a-menu-item key="/bpmn/modeler">
            <router-link to="/bpmn/modeler">
                <BranchesOutlined />
                <span>BPMN2</span>
            </router-link>
        </a-menu-item> -->
    </a-sub-menu>
</template>
<script setup>
import {
    SafetyOutlined,
    BranchesOutlined
} from '@ant-design/icons-vue'
const props = defineProps({
    theme: {
        type: String,
        default: 'light'
    }
})
</script>